<template>
  <div class="card-creater">
    <span v-if="mode === 'read'" class="text">
      {{ curBizObject[card.cardCode] }}
    </span>
    <span v-else class="write text">系统自动生成</span>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'CardCreater',
  props: {
    mode: {
      type: String,
      default: '',
    },
    card: {
      type: Object as any,
      default: () => ({}),
    },
    curBizObject: {
      type: Object as any,
      default: () => ({}),
    },
  },
  setup(props, context) {
    return {};
  },
});
</script>

<style lang="less" scoped>
.card-creater {
  width: 100%;
  line-height: 22px;
  border-radius: 4px;
  .text {
    display: inline-block;
    line-height: 22px;
    &.write {
      color: @rb-disabled-color;
    }
  }
}
</style>
